<template>
  <div class="content">
      <div class="topwrap">
            <img :src="info.photo" class="img">
        <div class="top">
            <p class="username">{{info.user}}</p>
            <span>{{info|time}}</span>
        </div>

      </div>

    <div class="text">
        <div class="con_img">
            <img :src="info.cover" class="conimg"> 
                <hr>
                <p class="text2">{{info.text}}</p>
            <p class="make">О<span>马克</span></p>
        </div>
    </div>
</div>
</template>

<script>

export default {
    components:{
    
    },
    filters:{
        time(info){
            return info.date.split(" ")[0].replace("-"," 年 ").replace("-"," 月 ").replace("-"," 日")
        }
    },
    props:["info"]
}
</script>

<style lang="scss" scoped>
 .img{
        
        width: .3rem;
        height: .3rem;
        float: left;
        
    }
    .topwrap{
        margin: .15rem 0 0 0;
    }
.top{
    // display:flex;
    // justify-content: space-between;
    // float: left;
    height: .3rem;
    line-height: .3rem;
//    margin: .1rem 0 ;
    .username{
        font-size: .14rem;
        float:left;
    }
    span{
        display: block;
        font-size: .12rem;
        color:#949494;
        float: right;
    }
}

.text{
    width:2.7rem;
    margin-left: .3rem;
    background: #efefef;
    overflow: hidden;
    position: relative;
    margin-bottom: .2rem;
}
.con_img{
    box-sizing: border-box;
    padding: .15rem;
    margin: 0 0 .1rem 0;

}

.make{
    font-size: .14rem;
     line-height: .3rem;
    position: absolute;
    bottom: .3rem;
    right: .1rem;
    display:block;
    height: .3;
    padding:  0 .1rem;
    background: #ffffff;
    border-radius: .35rem;

   
}
.mack span{
    font-size: .14rem;

}

.conimg{
    margin-bottom: .1rem;
    width: 100%;
}
hr{
    /* display: inline-block; */
    width: 25%;
    height: .01rem;
    background:#dbdada;
    border:0;
    margin:.1rem 0
};
.text2{
    /* display:block; */
    width: 1.7rem;
    margin: .15rem 0 0 0;
    overflow: hidden;
}
</style>